<template>
    <el-main>
        <el-main class="ep-body">
            <epl-top-bar :datas="{formData:form}" showPerson psTagType="PERSON_AAB001_GROUP"
                         personType="PERSON_AAC031_12" :panel="panel">
            </epl-top-bar>
            <epl-userMessage dataType="person" idCount = "3" :panel="panel">
            </epl-userMessage>
            <el-card class="ep-card">
                <el-form :model="form" ref="form" :rules="rules">
                    <ep-title>请输入离退休信息</ep-title>
                    <el-row :gutter="10">
                        <ep-select colspan="8" placeholder="请选择离退休类型" label="离退休类型" name="aic161" :property="form.aic161" codetype="AIC161"
                                   p="R"  :datas="{formData:form}"></ep-select>
                        <ep-date colspan="8" label="离退休时间" name="aic162"  :property="form.aic162"
                                 placeholder="请选择离退休时间" p="R" rules="this.$localRules.DateCheck" :datas="{formData:form}"></ep-date>
                        <ep-date colspan="8" label="待遇享受开始年月" name="aic160"  :property="form.aic160"
                                 placeholder="请选择待遇享受开始年月" p="R" format="yyyyMM" :datas="{formData:form}"></ep-date>
                    </el-row>
                    <ep-title>请输入发放信息变更</ep-title>
                    <el-row :gutter="10">
                        <ep-select colspan="8" label="发放银行" name="aaz065" :property="form.aaz065" placeholder="请选择发放银行"
                                   p="R" :datas="{formData: form}" codetype="AAZ065" rules="this.$rules.test_noBlank"></ep-select>
                        <ep-input colspan="8" placeholder="请输入银行账号" label="银行账号" name="aae010" :property="form.aae010" p="R"
                                  :datas="{formData:form}"></ep-input>
                        <ep-input colspan="8" placeholder="请输入银行开户名" label="银行开户名" name="aae009" :property="form.aae009" p="R"
                                  :datas="{formData:form}"></ep-input>
                    </el-row>
                    <el-row :gutter="10">
                        <epl-search-bank colspan="8" label="新开户行行号" name="aaf002" :property="form.aaf002" placeholder="请选择新开户行行号"
                                         p="R" :datas="{formData: form}" codetype="AAZ065" bankName="aaz065" show rules="this.$rules.test_noBlank"></epl-search-bank>
                        <ep-input colspan="16" label="开户行名称"  name="bac049" :property="form.bac049" p="D"
                                  :datas="{formData:form}"></ep-input>
                    </el-row>
                    <ep-title>请输入离退休待遇信息</ep-title>
                    <el-row>
                        <ep-table :data="tableData1" border rowDbClick>
                            <ep-table-column editor="index" min-width="100" header="序号"></ep-table-column>
                            <ep-table-column sortable editor="select" edited name="aaa036" header="待遇项目" codetype="AAA036"></ep-table-column>
                            <ep-table-column sortable editor="number" edited name="aae019" header="待遇项目金额"></ep-table-column>
                            <ep-table-column sortable date-type="date" editor="date" format="yyyyMM" value-format="yyyyMM"  edited name="aae041" header="补发开始年月"></ep-table-column>
                            <ep-table-column sortable editor="text" edited name="bac062" header="补发月数"></ep-table-column>
                            <ep-table-column sortable editor="text" edited name="bac063" header="补发金额"></ep-table-column>
                            <ep-table-column header="操作" width="100" editor="button">
                                <template slot-scope="scope">
                                    <el-button type="text" size="mini" @click="deleteCurrentRow01(scope.row)">删除</el-button>
                                </template>
                            </ep-table-column>
                        </ep-table>
                    </el-row>
                    <el-row type="flex" justify="center">
                        <ep-button size="medium" type="text" name="+增加" id="doAdd01" :datas="{tableData1: tableData1}"></ep-button>
                    </el-row>
                    <el-row type="flex" justify="center">
                        <ep-saveButton id="doSave" type="primary" top="20" bottom="20" ref="save" @formValidate="formValidate"
                                       :validate="['form']"
                                       :datas="{formData: form,panel:panel,tableData1:tableData1}"></ep-saveButton>
                    </el-row>
                </el-form>
            </el-card>
        </el-main>
    </el-main>
</template>

<script src="../js/EnterBenefitRegJS.js"></script>
